Step 1: Creating a C1RadialMenu Application

In this step, you begin by creating a WPF application in Visual Studio and then adding a C1RadialMenu control to your application.

In XAML

To add a C1RadialMenu control to your application, perform the following steps.

Create a new WPF application in Visual Studio.
Navigate to the Toolbox and locate C1RadialMenu control icon.
Double-click the C1RadialMenu icon to add the control to the MainWindow.

Open MainWindow.xaml if it is not already open and add the following markup within the <Window></Window> tags. The following markup adds style resources to define the layout of menu items content.

XAML	Copy Code
<Window.Resources> <Style TargetType="TextBlock" x:Key="TextIconStyle"> <Setter Property="Margin" Value="-10" /> <Setter Property="FontSize" Value="20" /> <Setter Property="FontFamily" Value="Segoe UI Symbol" /> <Setter Property="FontWeight" Value="Normal" /> <Setter Property="Foreground" Value="#333333" /> <Setter Property="HorizontalAlignment" Value="Center" /> <Setter Property="VerticalAlignment" Value="Center" /> </Style> <Style TargetType="Image" > <Setter Property="Width" Value="25"/> <Setter Property="Height" Value="25"/> <Setter Property="Margin" Value="0"/> </Style> </Window.Resources>

XAML

Copy Code

<Window.Resources>
    <Style TargetType="TextBlock" x:Key="TextIconStyle">
        <Setter Property="Margin" Value="-10" />
        <Setter Property="FontSize" Value="20" />
        <Setter Property="FontFamily" Value="Segoe UI Symbol" />
        <Setter Property="FontWeight" Value="Normal" />
        <Setter Property="Foreground" Value="#333333" />
        <Setter Property="HorizontalAlignment" Value="Center" />
        <Setter Property="VerticalAlignment" Value="Center" />
    </Style>
    <Style TargetType="Image" >
        <Setter Property="Width" Value="25"/>
        <Setter Property="Height" Value="25"/>
        <Setter Property="Margin" Value="0"/>        
    </Style>
</Window.Resources>

Add the following markup within the <Grid></Grid> tags to add border definition to the application.

XAML	Copy Code
<Border Background="LemonChiffon" MinHeight="40" BorderBrush="#969696" BorderThickness="1" Padding="5" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"></Border>

With this, you completed the first step of this Quick Start guide.